//变量配置文件
/*-----------颜色配置-------------*/
$color-white: #fff !default;
$color-black: #000 !default;
$background-color-base: #f5f7fa !default;
/* Fill*/
$fill-base: $color-white !default;

$color-primary: #2DA9FA !default;
$color-primary-light-1: mix($color-white, $color-primary, 10%) !default;
$color-primary-light-2: mix($color-white, $color-primary, 20%) !default;
$color-primary-light-3: mix($color-white, $color-primary, 30%) !default;
$color-primary-light-4: mix($color-white, $color-primary, 40%) !default;
$color-primary-light-5: mix($color-white, $color-primary, 50%) !default;
$color-primary-light-6: mix($color-white, $color-primary, 60%) !default;
$color-primary-light-7: mix($color-white, $color-primary, 70%) !default;
$color-primary-light-8: mix($color-white, $color-primary, 80%) !default;
$color-primary-light-9: mix($color-white, $color-primary, 98%) !default;

$color-success: #0c6 !default;
$color-warning: #f90 !default;
$color-danger: #f50 !default;
$color-info: #909399 !default;

$color-success-light: mix($color-white, $color-success, 80%) !default;
$color-warning-light: mix($color-white, $color-warning, 80%) !default;
$color-danger-light: mix($color-white, $color-danger, 80%) !default;
$color-info-light: mix($color-white, $color-info, 80%) !default;

$color-success-lighter: mix($color-white, $color-success, 90%) !default;
$color-warning-lighter: mix($color-white, $color-warning, 90%) !default;
$color-danger-lighter: mix($color-white, $color-danger, 90%) !default;
$color-info-lighter: mix($color-white, $color-info, 90%) !default;

$color-text-primary: #303133 !default;
$color-text-regular: #606266 !default;
$color-text-secondary: #909399 !default;
$color-text-placeholder: #c0c4cc !default;


/*---------------icon配置--------------*/
$font-path: '../font' !default;
$font-size-base: 14px !default;
$font-size-small: 13px !default;
$font-size-large: 18px !default;
$font-color-disabled-base: #bbb !default;
$font-weight-primary: 500 !default;
$font-line-height-primary: 24px !default;

/*---------------栅格栏----------------*/
$grid-col-count: 12 !default;


/*---------------border----------------*/
$border-width-base: 1px !default;
$border-style-base: solid !default;
$border-color-base: #dcdfe6 !default;
$border-color-light: #e4e7ed !default;
$border-color-lighter: #ebeef5 !default;
$border-color-extra-light: #f2f6fc !default;
$border-base: $border-width-base $border-style-base $border-color-base !default;
$border-color-hover:$color-text-placeholder !default;
$border-radius-base: 4px !default;
$border-radius-small: 2px !default;
$border-radius-circle: 100% !default;

/*---------------Disable base----------------*/
$disabled-fill-base: $background-color-base !default;
$disabled-color-base: $color-text-placeholder !default;
$disabled-border-base: $border-color-light !default;

/*---------------Box-shadow----------------*/
$box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;
$box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default;
$box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
$box-shadow-light-half: 0 2px 2px 0 rgba(0, 0, 0, 0.05) !default;

/*---------------z-index----------------*/
$index-normal: 1 !default;
$index-top: 1000 !default;
$index-popper: 2000 !default;

/*---------------按钮----------------*/
/*按钮默认字体粗细*/
$button-font-weight: $font-weight-primary !default;
/*超大按钮配置*/
$button-lg-font-size: 14px !default;
$button-lg-border-radius: $border-radius-base !default;
$button-lg-padding-vertical: 12px !default;
$button-lg-padding-horizontal: 20px !default;
/*默认按钮配置*/
$button-font-size: 14px !default;
$button-border-radius: $border-radius-base !default;
$button-padding-vertical: 11px !default;
$button-padding-horizontal: 17px !default;
/*小按钮配置*/
$button-sm-font-size: 12px !default;
$button-sm-border-radius: #{$border-radius-base - 1} !default;
$button-sm-padding-vertical: 7px !default;
$button-sm-padding-horizontal: 12px !default;
/*最小按钮配置*/
$button-xs-font-size: 12px !default;
$button-xs-border-radius: #{$border-radius-base - 1} !default;
$button-xs-padding-vertical: 5px !default;
$button-xs-padding-horizontal: 8px !default;
/*不同主题*/
//主要
$button-primary-border: $color-primary !default;
$button-primary-color: $color-white !default;
$button-primary-fill: $color-primary !default;
//成功标识
$button-success-border: $color-success !default;
$button-success-color: $color-white !default;
$button-success-fill: $color-success !default;
//警告标识
$button-warning-border: $color-warning !default;
$button-warning-color: $color-white !default;
$button-warning-fill: $color-warning !default;
//错误标识
$button-error-border: $color-danger !default;
$button-error-color: $color-white !default;
$button-error-fill: $color-danger !default;
//信息标识
$button-info-border: $color-info !default;
$button-info-color: $color-white !default;
$button-info-fill: $color-info !default;
//禁用
$button-disabled-color: $color-text-placeholder !default;
$button-disabled-fill: $color-white !default;
$button-disabled-border: $border-color-lighter !default;
//其他默认配置
$button-default-backgroud-fill:$color-white !default;
$button-default-border:$border-color-base !default;
$button-default-color: $color-text-regular !default;
$button-active-shade-percent: 10% !default;
$button-hover-tint-percent:20% !default;


/*--------------------提示消息------------------*/
$message-default-backgroud-fill:$color-white !default;
$message-default-radius:$border-radius-small !default;
$message-default-line-height:40px !default;
$message-default-zindex : $index-popper+1 !default;
$message-default-icon-width:40px !default;
$message-default-text-color:$color-white;

/*--------------------通知组件------------------*/
$notice-width:300px !default;
$notice-default-zindex : $index-popper+1 !default;
$notice-padding:14px 26px 14px 13px !default;
$notice-item-background:$color-white !default;
$notice-item-text-color:$color-text-primary;
$notice-text-min-width:150px;
$notice-text-line-height:40px;
$notice-message-margin:6px 0 0;

/*--------------------弹窗组件------------------*/
$dialog-backgroud:$color-white;
$dialog-border-radius:$border-radius-base;
$dialog-header-padding:15px 15px 10px 15px;
$dialog-header-footer:10px 15px 10px 15px;
$dialog-content-padding:0 15px;

/*--------------------消息框组件------------------*/
$message-box-mix-width:420px;
$message-box-content-padding:10px 15px;


/*--------------------加载组件------------------*/
$loading-spinner-size:42px !default;

/*--------------------popper------------------*/
$popper-fill: $color-white !default;
$popper-font-size: $font-size-base !default;
$popper-border-color: $border-color-lighter !default;
$popper-arrow-size: 6px !default;
$popper-padding: 12px !default;
$popper-padding-large: 18px 20px !default;
$popper-title-font-size: 16px !default;
$popper-title-color: $color-text-primary !default;

/*--------------------tooltip------------------*/
$tooltip-fill: $color-text-primary !default;
$tooltip-color: $color-white !default;
$tooltip-font-size: 12px !default;
$tooltip-border-color: $color-text-primary !default;
$tooltip-arrow-size: 6px !default;
$tooltip-padding: 10px !default;


/*--------------------输入框------------------*/
//输入框配置
$input-fill: $color-white !default;
$input-border: $border-base !default;
$input-fill-disabled: $disabled-fill-base !default;
$input-font-size: $font-size-base !default;
$input-color: $color-text-regular !default;
$input-hover-border: $border-color-hover !default;
$input-clear-hover-color: $color-text-secondary !default;
$input-focus-border: $color-primary !default;
$input-focus-fill: $color-white !default;
//输入框背景颜色
$input-color-fill:$color-white !default;
//输入框基本边框
$input-border-base:$border-base !default;
//输入框文字颜色
$input-text-color:$color-text-regular !default;
//文本框提示文字颜色
$input-placeholder-color:$color-text-placeholder !default;
//输入框高度
$input-base-height:38px !default;
//输入框圆角
$input-border-radius:4px !default;
//文本框border-hover
$input-border-hover: $border-color-hover !default;
//文本框border在获得焦点后
$input-border-focus: $color-primary !default;
//文本框禁用背景色
$input-disabled-fill:$disabled-fill-base !default;
//禁用文本框边框
$input-disabled-border:$disabled-border-base !default;
//禁用文本框文本颜色
$input-disabled-color:$disabled-color-base !default;
//禁用文本框提示颜色
$input-disabled-placeholder-color: $color-text-placeholder !default;
//文本框图标颜色
$input-icon-color:$color-text-placeholder !default;
/// fontSize||Font|1
$input-mini-font-size: 12px !default;
/// height||Other|4
$input-mini-height: 28px !default;

//radio配置
$radio-font-size: 14px !default;
$radio-font-weight: $font-weight-primary !default;
$radio-color: $color-text-regular !default;
$radio-input-height: 14px !default;
$radio-input-width: 14px !default;
$radio-bordered-height: 38px !default;
$radio-bordered-padding: 10px 20px 0 10px !default;
//disabel样式
$radio-disabled-input-border-color: $disabled-border-base !default;
$radio-disabled-input-fill: $disabled-fill-base !default;
$radio-disabled-icon-color: $disabled-fill-base !default;
//disabel下选中样式
$radio-disabled-checked-input-border-color: $disabled-border-base !default;
$radio-disabled-checked-input-fill: $disabled-fill-base !default;
$radio-disabled-checked-icon-color: $color-text-placeholder !default;
//redio-input
$radio-input-fill: $color-white !default;
//单选按钮inner样式
$radio-input-border-radius: $border-radius-circle !default;
$radio-input-border: $border-base !default;
$radio-input-border-color: $border-color-base !default;
$radio-input-border-color-hover: $color-primary !default;
//已经选择
$radio-checked-text-color: $color-primary !default;
$radio-checked-input-border-color: $color-primary !default;
$radio-checked-input-fill: $color-white !default;
$radio-checked-icon-color: $color-primary !default;
//radio组
$radio-group-radio-backgroud:$color-primary;

/*---------------checkbox配置----------------*/
$checkbox-font-size: 14px !default;
$checkbox-font-weight: $font-weight-primary !default;
$checkbox-color: $color-text-regular !default;
$checkbox-input-height: 14px !default;
$checkbox-input-width: 14px !default;
$checkbox-input-border-radius: $border-radius-small !default;
$checkbox-input-fill: $color-white !default;
$checkbox-input-border: $border-base !default;
$checkbox-input-border-color: $border-color-base !default;
$checkbox-icon-color: $color-white !default;
$checkbox-disabled-input-border-color: $border-color-base !default;
$checkbox-disabled-input-fill: #edf2fc !default;
$checkbox-disabled-icon-color: $color-text-placeholder !default;
$checkbox-disabled-checked-input-fill: $border-color-extra-light !default;
$checkbox-disabled-checked-input-border-color: $border-color-base !default;
$checkbox-disabled-checked-icon-color: $color-text-placeholder !default;
$checkbox-checked-text-color: $color-primary !default;
$checkbox-checked-input-border-color: $color-primary !default;
$checkbox-checked-input-fill: $color-primary !default;
$checkbox-checked-icon-color: $fill-base !default;
$checkbox-input-border-color-hover: $color-primary !default;
$checkbox-bordered-padding: 9px 20px 9px 10px !default;
$checkbox-bordered-height: 38px !default;
$checkbox-group-checkbox-backgroud:$color-primary;

//开关配置
$switch-on-color: $color-primary !default;
$switch-off-color: $border-color-base !default;
$switch-disabled-color: $border-color-lighter !default;
$switch-disabled-text-color: $color-text-placeholder !default;
$switch-font-size: $font-size-base !default;
$switch-core-border-radius: 10px !default;
$switch-width: 40px !default;
$switch-height: 20px !default;
$switch-button-size: 16px !default;

//select
$select-font-size: $font-size-base !default;

$select-dropdown-background: $color-white !default;
$select-dropdown-shadow: $box-shadow-light !default;
$select-dropdown-empty-color: #999 !default;
$select-dropdown-max-height: 274px !default;
$select-dropdown-padding: 6px 0 !default;
$select-dropdown-empty-padding: 10px 0 !default;
$select-dropdown-border: solid 1px $border-color-light !default;

$select-option-color: $color-text-regular !default;
$select-option-disabled-color: $color-text-placeholder !default;
$select-option-disabled-background: $color-white !default;
$select-option-height: 34px !default;
$select-option-hover-background: $background-color-base !default;
$select-option-selected: $color-primary !default;
$select-option-selected-hover: $background-color-base !default;


/*---------------tag----------------*/
$tag-padding: 0 10px !default;
$tag-fill: rgba($color-primary, 0.10) !default;
$tag-color: $color-primary !default;
$tag-border: rgba($color-primary, 0.20) !default;
$tag-font-size: 12px !default;
$tag-border-radius: 4px !default;

$tag-info-fill: rgba($color-info, 0.10) !default;
$tag-info-border: rgba($color-info, 0.20) !default;
$tag-info-color: $color-info !default;

$tag-primary-fill: rgba($color-primary, 0.10) !default;
$tag-primary-border: rgba($color-primary, 0.20) !default;
$tag-primary-color: $color-primary !default;

$tag-success-fill: rgba($color-success, 0.10) !default;
$tag-success-border: rgba($color-success, 0.20) !default;
$tag-success-color: $color-success !default;

$tag-warning-fill: rgba($color-warning, 0.10) !default;
$tag-warning-border: rgba($color-warning, 0.20) !default;
$tag-warning-color: $color-warning !default;

$tag-danger-fill: rgba($color-danger, 0.10) !default;
$tag-danger-border: rgba($color-danger, 0.20) !default;
$tag-danger-color: $color-danger !default;

/*---------------卡片----------------*/
$card-border-color: $border-color-lighter !default;
$card-border-radius: 4px !default;
$card-padding: 20px !default;


/*---------------admin布局----------------*/
$nav-height:50px;
$sidebar-width:230px;
$sidebar-mini-width:64px;
$breadcrumb-height:48px;
/*---------------menu----------------*/
$menu-background:$color-white;
$menu-border:1px solid #e6e6e6;
$menu-height:48px;
$menu-icon-size:16px;
$menu-icon-width:24px;
$menu-collapse-width:64px;
$menu-item-hover-background:#ecf5ff;
/*---------------sidebar----------------*/
$sidebar-height:56px;
$sidebar-dark-background:#263238;
$sidebar-menu-item-hove-background: #2b373d;
$sidebar-menu-item-hove-color:#c5cbcf;
$sidebar-dark-color:#8a979e;
$sidebar-dark-open-background:#202b30;


/*---------------table----------------*/
$table-border-color: $border-color-lighter !default;
$table-border: 1px solid $table-border-color !default;
$table-text-color: $color-text-regular !default;
$table-header-color: $color-text-secondary !default;
$table-row-hover-background: $background-color-base !default;
$table-current-row-background: $color-primary-light-9 !default;
$table-header-background: $color-white !default;
$table-footer-background: $color-text-placeholder !default;
$table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;

/* Pagination
-------------------------- */
/// fontSize||Font|1
$pagination-font-size: 13px !default;
/// color||Color|0
$pagination-background-color: $color-white !default;
/// color||Color|0
$pagination-font-color: $color-text-primary !default;
$pagination-border-radius: 3px !default;
/// color||Color|0
$pagination-button-color: $color-text-primary !default;
/// height||Other|4
$pagination-button-width: 35.5px !default;
/// height||Other|4
$pagination-button-height: 28px !default;
/// color||Color|0
$pagination-button-disabled-color: $color-text-placeholder !default;
/// color||Color|0
$pagination-button-disabled-background-color: $color-white !default;
/// color||Color|0
$pagination-hover-color: $color-primary !default;

/* Tree
-------------------------- */
/// color||Color|0
$tree-node-hover-background-color: $background-color-base !default;
/// color||Color|0
$tree-font-color: $color-text-regular !default;
/// color||Color|0
$tree-expand-icon-color: $color-text-placeholder !default;


/*---------------过渡动画----------------*/
$md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$notice-transition:opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s !default;
$fade-linear-transition: opacity 200ms linear !default;
//文本框border过渡
$border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default;
$color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;